@import "../../c/common";
$picURL: "../../../pic";
.app {
	padding-top:units(90);
	padding-bottom:units(150);
	width:100%;
	margin: auto;
	overflow:hidden;
	.info {
		position: relative;
		height: units(530);
		background: url(#{$picURL}/women.jpg) no-repeat;
		background-size: cover;
		.gengduo{
			position: absolute;
			top: units(40);
			padding: units(10);
			font-size: units(15);
			color: #fff;
			background: rgba(0,0,0,0.5);
		}
		.touxiang {
			width: units(200);
			height: units(200);
			margin: auto;
			border-radius: units(500);
			overflow: hidden;
			border: 1px solid #e5e5e5;
		}
		.dangan {
			position: absolute;
			bottom: 0;
			height: units(90);
			padding: units(10) 0;
			text-align: center;
			width: 100%;
			background: rgba(0,0,0,0.5);
			color: #fff;
			div {
				height: units(70);
				line-height: units(70);
				float: left;
			}
			.left-border {
				border-left: 2px solid #fff;
			}
			.box{
				width: 33.33%;
				
				span {
					font-size: units(22);
					padding-right: units(10);
				}
				img {
					width: units(40);
					vertical-align: middle;
				}
			}
		}
	}
	.floor{
		margin: 0 auto;
		width: units(730);
		overflow: hidden;
		position: relative;
		.menu {
			margin-top: units(10);
			width: units(730);
			background: #fff;
			overflow: hidden;
			text-align: center;
			ul {
				width: units(410);
				margin: auto;
				margin-top: units(20);
				margin-bottom: units(20);
				overflow: hidden;
			}
			li {
				float:left;
				margin: units(10);
				background: #e8e8ee;
				border: 1px solid #acacac;
				width: units(180);
				text-align:center;
				a {
					display:inline-block;
					color:#6e6e6e;
					font-size: units(26);
				}
				
			}
			.caidan {
				span {
					padding-left: units(5);
					font-size: units(15);
				}
			}
			.current {
				background: #f1464e;
				border: 1px solid #f1464e;
				a {
					color: #fff;
				}
			}
		}
		.list {
			width:100%;
			padding: 0 units(15);
			background: #fff;
			margin-bottom: units(10);
		}
		.photo {
			overflow: hidden;
			div {
				float: left;
				height: units(130);
				line-height: units(130);
				padding-right: units(20);
				margin-top: units(10);
			}
			.gengduo {
				width: units(40);
				text-align: center;
				img {
					width: units(40);
					height: units(30);
				}
			}
			ul {
				float: left;
				li {
					float: left;
					height: units(130);
					width: units(123);
					margin: units(10) units(3);
					img {
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		.maijia {
			.zhishi {
				border-top: 2px solid #e2e2e2;
				height: units(30);
				p {
					position: absolute;
					top: -6px;
					left: units(230);
					img {
						width: units(30);
						height: units(30);
					}
				}
				
			}
		}
		.role {
			position: relative;
			.text {
				height: units(70);
				padding: units(10);
				.tabs {
					width: units(60);
					padding: 0 units(10) 0 units(20);
					vertical-align: bottom;
				}
				span {
					font-size: units(24);
					b {
						color: #f1464e;
					}
				}
			}
			.centers {
				text-align: center;
			}
			.bottom-border{
				border-bottom: 1px dashed #6e6e6e;
			}
			
		}
	}
}

